<template>
    <view class="btn bd-w-x1" :class="__clazz">
        <slot></slot>
    </view>
</template>

<script setup lang="ts">
import { computed } from 'vue';

const prp = defineProps<{
    color?: UI.BUTTON_COLOR,
    clazz?: string
}>()

const __clazz = computed(() => {
    let res = 'btn-' + (prp.color || 'pri') + ' '
    if (prp.clazz) {
        res += prp.clazz
    }
    else {
        res += 'fw-600'
    }
    return res
})
</script>